<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        body {
            margin: 0px;
            font-family: 微软雅黑;
        }

        /*头部样式*/
        #head {
            background-color: white;
            height: 120px;
            position: relative;
        }

        #head a {
            text-decoration: none;
        }

        #head_title {
            font-size: 32px;
            position: absolute;
            margin: 42px 40px;
            font-weight: bold;

        }

        #head_title a {
            color: #076ce0;
        }

        #head_menu {
            font-size: 16px;
            position: absolute;
            right: 103px;
            top: 51px;
        }

        #head_menu a {
            color: black;

        }

        #head_menu > div {
            float: left;
            margin: 0 20px;
        }

        /*图片*/
        #img {
            height: 300px;
            /* 设置背景图片 */
            background-image: url("../front/image/newsCenter/01.jpg");
            /* 设置图片尺寸: 宽 高  */
            background-size: 140% 300px;
            /* 禁止重复 */
            background-repeat: no-repeat;
        }

        /*选项*/
        #body_menu {
            height: 95px;
            padding: 32px 40px 0px 39px;
        }

        #body_menu > div {
            width: 130px;
            height: 44px;
            text-align: center;
            transition-duration: 0.5s; /*设置动画持续时间*/
        }

        #body_menu > div {
            float: left;
            margin-right: 21px;
        }

        #body_menu > div > span {
            line-height: 44px;
            color: white;
        }

        /*正文*/
        .content{
            padding: 0 40px;
        }
        .content_d1{
            font-size: 25px;
            margin-top: 20px;
        }
        .content_d2{
            font-size: 13px;
            color: #666666;
            margin: 0 0 40px 0;
        }
        .content_s1{
            font-size: 14px;
            color: #676767;
        }
        .content_link{
            position: relative;
            height: 170px;
        }
        .content_link_d1{
            position: absolute;
        }
        .content_link_d1>div>span{
            font-size: 14px;
            color: #676767;

        }
        .content_link_d1>div>span>a{
            text-decoration: none;
            color: #676767;
        }
        .content_link_d1>div{
            margin: 40px 0 0 0;
        }
        .content_link_d2{
            position: absolute;
            right: 250px;
            top: 55px;
            font-size: 14px;
        }

        #tail_phone>p{
            margin: 5px;
        }
        #tail_last{
            height: 21px;
            background-color: rgba(23,23,23,0.9);
            color: rgb(153, 153, 153);
            padding: 30px 30px;

        }
        #tail_last>span>a{
            text-decoration: none;
            color: rgb(153, 153, 153);
            font-size: 14px;
        }
        /*锚点 回到顶部*/
        #back_top{
            width: 42px;
            height: 42px;
            position: fixed;/*固定定位*/
            bottom: 55px;
            right: 65px;
            display: none;
        }
    </style>
</head>
<body>
<a href="" id="top1"></a>
<div id="contentApp">
    <div id="head">
        <div id="head_title">
            <a href="./index">{{aboutUs.name}}</a>
        </div>
        <div id="head_menu">
            <div><a href="./index">首页</a></div>
            <div><a href="./breSources">业务资源</a></div>
            <div><a href="./keyServices">特色服务</a></div>
            <div><a href="./newsCenter" style="color: #076ce0">新闻中心</a></div>
            <div><a href="./aboutUs">关于我们</a></div>
        </div>
    </div>
    <div id="img"></div>
    <div class="content" >
        <div>
            <p class="content_d1" v-text="newsVo.title">物业管理进入“好时代” 转型升级共享万亿蓝海</p>
        </div>
        <div>
            <p class="content_d2">发表时间：{{newsVo.createtime}}</p>
        </div>
        <div>
            <hr style="border: none;border-top:1px dashed #ccc;margin-bottom: 20px">
        </div>
        <div>
            <span class="content_s1" v-text="newsVo.content">
                由中国物业管理协会指导，《中国物业管理》杂志社主办，广东碧桂园物业服务股份有限公司承办的“变革与联盟 -- 现代物业发展的双轮驱动”论坛在重庆举行，中国物业管理协会会长沈建忠、翰同资本创始合伙人、广东碧桂园物业服务股份有限公司总经理等来自全国各地300余位物业管理专家学者、企业代表和相关产业机构代表齐聚一堂，共商物业管理行业发展新格局。业界指出，物业管理行业已进入全新的转型升级时代，资本青睐、互联网思维、科技革新、新型生态圈等都助力其进入到更好的发展时代。

多轮驱动，物业管理迎来新变革

经过36年的发展，物业管理行业已发展到10.5万家企业，管理面积165亿平方米，服务近5亿业主，整个行业持续高速发展态势。而伴随着高科技、大数据、资本运作等强力助推，物业管理行业的格局已发生巨变。

作为论坛的特邀嘉宾，中国物业管理协会副秘书长、之平管理执行董事兼总裁指出，近几年来，物业管理行业提速明显，已经进入了企业涌入、资本热捧、兼并加速的高速发展节奏，俨然成为了风口。他称：“今天一定是物业管理行业发展较好的时代，中国经济总体已经不可避免、不可逆转地在由工业时代，向服务经济和体验经济时代转型。今年上半年第三产业即服务产业的总收入是25万亿，占中国总体产业的收入54%。设计产品、生产产品、销售产品的纯工业时代已经过去，现在已经是产品运营和服务的较好时代。”

与会专家均指出，目前的物业管理行业已撕开了物业四保、劳动密集型产业、房产附属等传统标签，并且正进行着众多的变革：联盟模式助力部分企业成长为航母型公司；资本风口渐大，优秀的物业服务企业接二连三上市；规模企业投入资金研发互联网技术平台，物业管理进行智能化，规模效益越见显著……品牌物业服务企业在商业模式、服务方式、管理方法上创新与转型的经验，正带动着越来越多的企业参与到行业的持续发展中来。
            </span>
        </div>
        <div>
            <hr style="border: none;border-top:1px dashed #ccc;margin-top: 40px">
        </div>
        <div class="content_link">
            <div class="content_link_d1">
                <div>
                    <span>上一篇</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <span><a :href="'./news?name='+newsVo.title" v-text="newsVo.prevName">发张"红色物业"  升腾"红色气场"</a></span>
                </div>
                <div>
                    <span>下一篇</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <span><a :href="'./news?name='+newsVo.title" v-text="newsVo.nextName">破除物管"顽疾",需要均等博弈权</a></span>
                </div>
            </div>
            <div class="content_link_d2">
                分享到:
                <a href=""><img src="" alt=""></a>
            </div>

        </div>
    </div>
    <div id="tail_last">
        <span><a href="/admin">登录管理</a></span>
    </div>
    <div id="back_top">
        <img src="../front/image/aboutUs/04.png" alt="">
    </div>
</div>
</body>
<!--引入axios框架-->
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
<!--引入vue框架-->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<!--引入JQuery框架-->
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script>
    let v = new Vue({
        el: "#contentApp",
        data: {
            newsVo:{},
            aboutUs:{}
        },
        methods: {

        },
        created:function () {
            let title = location.search;
            axios({
                url:"/f-news/news"+title,
                method:"get",
            }).then(function (response) {
                v.newsVo = response.data;
            });
            axios({
                url:"/f-infocompany/aboutUs",
                method:"get"
            }).then(function (response) {
                v.aboutUs = response.data;
                console.log(v.aboutUs);
            })
        }
    })
    /*回到顶部*/
    $(function(){
        $(window).scroll(function(){  //只要窗口滚动,就触发下面代码
            var scrollt = document.documentElement.scrollTop + document.body.scrollTop; //获取滚动后的高度
            if( scrollt >50 ){  //判断滚动后高度超过200px,就显示
                $("#back_top").slideDown(500); //淡入
            }else{
                $("#back_top").stop().slideUp(500); //如果返回或者没有超过,就淡出.必须加上stop()停止之前动画,否则会出现闪动
            }
        });
        $("#back_top").click(function(){ //当点击标签的时候,使用animate在200毫秒的时间内,滚到顶部
            $("html,body").animate({scrollTop:"0px"},200);
        });
    });
</script>
</html>